﻿<html debug="true">
<head profile="http://gmpg.org/xfn/11">
<title>i好邻居-金碧世纪花园</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	var slides = [];
	slides.push({
		"imgUrl":"images/sample01.png",
		"title":"hello 1111",
	})
	
	slides.push({
		"imgUrl":"images/sample02.png",
		"title":"hello 2222",
	})
	
	slides.push({
		"imgUrl":"images/sample03.png",
		"title":"hello 3333",
	})
	
	var i = 0;
	var curObj = $("#nav" + i);
	$("#curPic").attr("src", slides[i].imgUrl);
	$("#imgTit a").text(slides[i].title);	
	function setObj(index){
		$(curObj).css({"background-position" : "20px -126px"});
		i = index % slides.length;
		curObj = $("#nav" + i);
		$(curObj).css({"background-position" : "-10px -126px"});
		$("#curPic").attr("src", slides[i].imgUrl);
		$("#imgTit a").text(slides[i].title);
	}
	
	$("#imgNav a").mouseover(function(){
		setObj(parseInt($(this).attr("index")));
	});
	
	$("#imgplayer-prev, #imgplayer-next").mouseover(function(){
		$(this).css({"opacity":"0.6"});
	});
	
	$("#imgplayer-prev, #imgplayer-next").mouseout(function(){
		$(this).css({"opacity":"0.3"});
	});
	
	$("#imgplayer-prev").click(function(){
		setObj((i+slides.length + 1)% slides.length);
	})
	
	$("#imgplayer-next").click(function(){
		setObj((i+slides.length - 1)% slides.length);
	})
})


</script>
</head>
<body id="top">
<div class="wrapper col1">

  <div id="header">
    <div id="logo">
      <div id="super" style="width:100px;height:50px; float:left; overflow:hidden;">
	      <a href="www.ihaolinju.com" style="font-size:15px;">
	      <img src="images/logo.png" style="margin-left:-10px; height:60%;" alt="好邻居网，爱生活，爱好邻居!"></img>
	      <b style="color:red;">i</b><span style="color:green;">haolinju</span>.com
	      </a>
      </div>
      
	  <div style="width:180px; float:left; border-bottom:2px solid #FE7B3C;">
      	   <h1><a href="#">金碧世纪花园</a></h1>
	  </div>
	  
	  <div class="curdate" style="float:left; width:80px; line-height:20px;">
	  	<span>7月15号&nbsp;周五</span><br/>
	  	<span>农历六月初七</span>
	  </div>	  
    </div>
    
    <div class="advert" style="float:left; margin-left:50px; width:200px; height:50px; margin-top:10px;line-height:20px;">
    	<span>爱生活，爱好邻居</span><br/>
    	<span>你不是一个人在战斗!</span>
    </div>
 
 	  <div style="float:right; width:180px;height:50px;line-height:50px;padding-top:10px;">
	  	<a href="#" style="display:block; width:80px; height:40px; background-color:#ccc; text-align:center; float:left;font-size:15px;">登录</a>
	  	<a href="#" style="display:block; width:80px; height:40px; background-color:#ccc; text-align:center; float:right;font-size:15px;">注册</a>
	  </div>
	  

    <br class="clear" />
  </div>
</div>
<div class="wrapper col2">
  <div id="topbar">
    <div id="topnav">
      <ul>
        <li class="active"><a href="index.html">首页</a></li>
        <li><a href="style-demo.html">业主论坛</a></li>
        <li><a href="full-width.html">生活信息</a></li>
        <li><a href="#">物业租售</a></li>
        <li class="last"><a href="#">商家列表</a></li>
        <li class="last"><a href="#">小区印象</a></li>
      </ul>
    </div>

    <br class="clear" />
  </div>
</div>
<div class="wrapper col3">
  <div id="intro">
    <div class="fl_left">
    	<div class="news">
    		<h2>好邻居最新动态...</h2>
    		<ul>
    			<li><span class="f1">【小区新闻】好邻居与金碧世纪花园达成战略合作 </span> <span class="f2"> 20:08</span></li>
    			<li><span class="f1">【优惠折扣】天地一号大型优惠活动 </span> <span class="f2">20:08</span></li>
    			<li><span class="f1">【优惠折扣】乐购开张了!!</span> <span class="f2">7月13号</span> </li>
    		</ul>
    	</div>
    	
		<div class="bless">
		</div>
    </div>
     
    <div class="fl_right">
    
    <div id="imgplayer-control" class="clear_fix">
    	<a href="javascript:void(0);" id="imgplayer-prev"></a>
    	<a href="javascript:void(0);" id="imgplayer-next"></a>
    </div>
    
    <div class="imgview" id="imgView">
	     <img id="curPic" src="images/sample01.png" alt="" />   
    </div>
    <div class="imgnav-mask" ></div>
    <div class="imgnav" id="imgNav">
    	<a index="0" id="nav0" href="#" href="javascript:void(0)">1</a>
    	<a index="1" id="nav1" href="#" href="javascript:void(0)">2</a>
		<a index="2" id="nav2" href="#" href="javascript:void(0)">3</a>
    </div>
    <div class="imgtit" id="imgTit">
    	<a href="http://gb.cri.cn/42071/2013/07/13/2225s4180610.htm" target="_blank" mon="col=4&a=9&ct=1&pn=4">朝媒发布平壤东方老师的飞机上对方接受</a>
    </div>

    </div>
    <br class="clear" />
  </div>
</div>




<div class="wrapper col1">
	<div class="infounit">
		<a href="#" class="title">小区论坛</a>
		<ul>
			<li>
				<span class="left">[物业管理]7月电费缴费通知</span>
				<span class="right">7/15</span>				
			</li>
			<li>
				<span class="left">[物业管理]7月电费缴费通知</span>
				<span class="right">7/15</span>				
			</li>
		</ul>
	</div>
	
	
 </div>
  
  
</div>


<div class="wrapper col7">
  <div id="copyright">
    <p class="fl_left">Copyright &copy; 2013 - All Rights Reserved - <a href="#">ihaolinju.com</a></p>
    <br class="clear" />
  </div>
</div>


</body>
</html>
